在過去幾天我們用 React 做了一個簡單的 NFT 錢包來展示收藏品,
到了2020年如果還只用 2D 的網頁來呈現收藏品,感覺就不夠 Metaverse
接下來的二十天就讓我們用各式各樣的技術實作一個跨平台的 3D收藏品展示架吧
以下是我們將會實作的功能
藉由以下的開發工具結合前幾天的所學建立出
以及使用的框架
@react-three/gltfjsx – turns GLTFs into JSX components
@react-three/drei – useful helpers for react-three-fiber
@react-three/postprocessing – post-processing effects
@react-three/flex – flexbox for react-three-fiber
@react-three/xr – VR/AR controllers and events
@react-three/cannon – physics based hooks
@react-three/a11y – real a11y for your scene
zustand – state management
react-spring – a spring-physics-based animation library
react-use-gesture – mouse/touch gestures
leva – create GUI controls in seconds